import { Button, Input, Table } from "antd";
import SearchIcon from "@/assets/icons/search.svg?jsx";
import clsm from "@/lib/utils/clsm";
import useOnUpdated from "@/lib/hooks/useOnUpdated";

type MaintainProps = {
  visible: boolean;
};
export default function Maintain(props: MaintainProps) {
  const { visible } = props;

  useOnUpdated(() => {}, [visible]);

  return (
    <div className={clsm(!visible && "hidden")}>
      <div className="flex justify-center gap-x-4">
        <Input style={{ width: 300 }} />
        {/* <DatePicker.RangePicker /> */}
        <Button>
          <SearchIcon />
        </Button>
        {/* <Button>导出</Button> */}
      </div>
      <div className="mt-8 px-10">
        <Table>
          <Table.Column title="编号" />
          <Table.Column title="设备" />
          <Table.Column title="维护时间" />
          <Table.Column title="上传维护日期" />
          <Table.Column title="维护到期时间" />
          <Table.Column title="" />
        </Table>
      </div>
    </div>
  );
}
